<template>
	<div>
		<el-container style="height: 500px; border: 1px solid #eee">
			<el-aside width="200px" style="background-color: rgb(238, 241, 246)">
				<el-menu>
					<router-link :to="{name:'userIndex'}">
						<el-menu-item index="1">
							<i class="el-icon-user"> 我的账号</i>
						</el-menu-item>
					</router-link>
					<router-link :to="{name:'userPerson'}">
						<el-menu-item index="2">
							<i class="el-icon-s-home"> 个人信息</i>
						</el-menu-item>
					</router-link>
					<router-link :to="{name:'userBalanceInquiry'}">
						<el-menu-item index="3">
							<i class="el-icon-wallet"> 查询余额</i>
						</el-menu-item>
					</router-link>
					<router-link :to="{name:'userChangePassword'}">
						<el-menu-item index="4">
							<i class="el-icon-edit"> 修改密码</i>
						</el-menu-item>
					</router-link>
					<router-link :to="{name:'userAllRecord'}">
						<el-menu-item index="5">
							<i class="el-icon-date"> 消费充值记录</i>
						</el-menu-item>
					</router-link>
					<router-link to="/user/userConsumption" :underline="false">
						<el-menu-item index="6">
							<i class="el-icon-dish"> 点餐</i>
						</el-menu-item>
					</router-link>
				</el-menu>
			</el-aside>
			<el-container>
				<el-main>
					<router-view name="userV" />
				</el-main>
			</el-container>
		</el-container>
	</div>
</template>

<script>
</script>

<style>
	a {
		text-decoration: none;
	}

	.router-link-active {
		text-decoration: none;
	}
</style>
